@import "~antd/dist/antd.css";

@import "tailwindcss/base.css";

@import "tailwindcss/components.css";

@import "tailwindcss/utilities.css";

.none {
  display: none !important;
}

.hidden {
  visibility: hidden;
}

.mask {
  z-index: 808;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.rc-virtual-list-holder {
  overflow-y: unset !important;
}

/* 竖向滚动条样式 */
.scrollY {
  overflow-y: auto;

  &::-webkit-scrollbar {
    width: 5px;
    height: 100%;
    background-color: transparent;
  }
  /*滚动条的轨道*/
  &::-webkit-scrollbar-track {
    border-radius: 2.5px;
    background-color: transparent;
  }
  /*滚动条的滑块按钮*/
  &::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    background-color: #aaa;
    box-shadow: inset 0 0 5px #aaa;
  }
  /*滚动条的上下两端的按钮*/
  &::-webkit-scrollbar-button {
    height: 0;
    background-color: transparent;
  }
}

/* 横向滚动条样式 */
html,
.ant-table-content,
.scrollX {
  overflow-x: auto;

  &::-webkit-scrollbar {
    height: 5px;
    width: 100%;
    background-color: transparent;
  }
  /*滚动条的轨道*/
  &::-webkit-scrollbar-track {
    border-radius: 2.5px;
    background-color: transparent;
  }
  /*滚动条的滑块按钮*/
  &::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    background-color: #aaa;
    box-shadow: inset 0 0 5px #aaa;
  }
  /*滚动条的上下两端的按钮*/
  &::-webkit-scrollbar-button {
    width: 0;
    background-color: transparent;
  }
}

.create-group {
  padding: 16px 19px 16px 24px;
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index: 2;
}

.ant-modal-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  .ant-modal {
    position: static;
    margin: auto;
    padding-bottom: 0;
  }
}

/* 弹窗标题 */
.dialog-title {
  font-size: 17px;
  width: 100%;
  text-align: center;
  margin-top: 2px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1px;
  margin-bottom: 24px;
}

/* 弹窗底部按钮 */
.btn-wrap {
  margin-top: 33px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;

  .left {
    font-size: 13px;
    line-height: 15px;
    color: #1890ff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    .text {
      margin-left: 3px;
    }
  }

  .right {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-right: 26px;

    button {
      margin-left: 8px;
    }
  }
}

.ant-tabs-content-holder,
.ant-tabs-content {
  height: 100%;
}

// 伪类
.list {
  li {
    &::after {
      content: "";
      position: absolute;
      right: 0;
      top: 11px;
      width: 1px;
      height: 38px;
      background: #e9e9e9;
    }
  }
}

.ant-select-selection-overflow,
.ant-select-selector {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;

  .ant-select-selection-item {
    &::after {
      display: none !important;
      content: "";
    }
  }

  img {
    width: 22px;
    height: 22px;
    margin-right: 0;
  }
}
